<template>
  <div id="app" unselectable="on" onselectstart="return false;">
    <router-view />
  </div>
</template>

<script>
  import {
    mapGetters,
    mapActions
  } from 'vuex'
  export default {
    name: 'App',
    data() {
      return {}
    },
    methods: {
      ...mapActions([
        'setHeight',
      ]),
      init() {
        let me = this;
        window.onresize = function() {
          me.setHeight(document.documentElement.clientHeight);
        };
      }
    },
    created() {
      this.init()
    },
    destroyed() {},
    mounted() {}
  };
</script>

<style>
  /* 滚动条样式 */
  ::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: #fff;
  }

  ::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.2);
  }

  ::-webkit-scrollbar-thumb :hover {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.5);
  }

  #app {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: 400 12px "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Heiti, "黑体", sans-serif;
    overflow: hidden;
  }

 .mxPopupMenu {
   border: 0;
   background: #fff;
   position: absolute;
   border: 1px solid #e8eaed;
 }

 .mxPopupMenuItem {
   padding: 10px 60px 10px 10px;
   font-family: Arial;
   font-size: 13px;
   color: #606266;
   background-color: #FFFFFF;
   cursor: pointer;
 }

 .mxPopupMenuItem:hover {
   background-color: #76a1ce;
   color: #FFFFFF;
 }

 .mxPopupMenuIcon {
   padding: 0px;
   background-color: #3D6480;
 }

   .svg-icon {
     width: 19px;
     height: 19px;
     vertical-align: middle;
     fill: #3D6480;
     overflow: hidden;
   }

</style>
